$(function () {
    $("#link_reg").on('click', function () {
        $(".reg-box").show();
        $('.login-box').hide();
    })
    $('#link_login').on('click', function () {
        $(".reg-box").hide();
        $('.login-box').show();
    })
})


//监听注册提交事件
$('#form_reg').on('submit', function (e) {
    //阻止默认行为
    e.preventDefault()
    var data = {
        username: $('#form_reg [name=username]').val(),
        password: $('#form_reg [name=password]').val()
    }
    $.ajax({
        type: 'post',
        url: 'http://api-breakingnews-web.itheima.net/api/reguser',
        data: data,
        success: function (res) {
            console.log(res);
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            layer.msg('注册成功，请登录！')
        }
    })
    //模拟人的点击行为
    $('#link_login').click()
})

//监听登录提交事件
$('#form_login').on('submit', function (e) {
    //阻止默认行为
    e.preventDefault()
    var data = {
        username: $('#form_login [name=username]').val(),
        password: $('#form_login [name=password]').val()
    }
    $.ajax({
        type: 'post',
        url: 'http://api-breakingnews-web.itheima.net/api/login',
        data: data,
        success: function (res) {
            console.log(res);
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            layer.msg('登录成功！')
            //将登录成功得到的token 字符串，保存至localStorage中
            localStorage.setItem('token', res.token)
            //跳转至后台主页
            location.href='/index.html'
        }
    })
    
})
